<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>标签页管理器</title>
    <link rel="stylesheet" href="../popup/popup.css" />
  </head>
  <body>
    <div class="container">
      <div class="button-group">
        <button id="saveBtn">保存当前标签页</button>
        <button id="deleteSelectedBtn" class="danger-btn">删除选中记录</button>
      </div>
      <div id="recordsList" class="records-list">
        <h3>已保存记录</h3>
        <div class="select-actions">
          <input type="checkbox" id="selectAll" />
          <label for="selectAll">全选</label>
        </div>
        <ul id="recordsContainer"></ul>
      </div>
    </div>

    <!-- 自定义确认弹窗 -->
    <div id="confirmModal" class="modal">
      <div class="modal-content">
        <p id="confirmMessage"></p>
        <div class="modal-buttons">
          <button id="confirmOk">确定</button>
          <button id="confirmCancel">取消</button>
        </div>
      </div>
    </div>

    <script src="../popup/popup.js"></script>
  </body>
</html>
